@charset "utf-8";
/* CSS Document */

/**common**/
*{ margin:0; padding:0;}
html, body { min-width:1360px;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px/1 Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { vertical-align:middle; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}

.fl { float:left;}
.fr { float:right;}
@font-face { font-family: "Helvetica"; src: url('../fonts/Helvetica.ttf'); }
@font-face { font-family: "HelveticaBold"; src: url("../fonts/HelveticaBold.ttf");}
@font-face { font-family: "PangMen"; src: url("../fonts/PangMen.ttf");}
@font-face { font-family: "YouSheBiaoTiHei"; src: url("../fonts/YouSheBiaoTiHei.ttf");}
@font-face { font-family: "DINMITTELSCHRIFTSTD"; src: url("../fonts/DINMITTELSCHRIFTSTD.OTF");}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:0;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}
::-webkit-scrollbar-thumb { background-color:#77b123;} /* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb:window-inactive { background-color:#77b123;} /* 滚动条滑块点击状态 */

/*头部 开始*/
.lyTop { width:100%; height:125px; margin:0; padding:0;background: url(../images/top_navbg.png) no-repeat center bottom;overflow: hidden;position:relative; z-index:9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyTop .lyTop_Main { width:1300px; height:auto; margin:0 auto; padding:0; position:relative;}
.lyTop_Main .lyLogo { width:315px; height:65px; overflow:hidden; margin:20px 0; padding:0; float:left;}
.lyLogo a { display: table-cell; vertical-align: middle; width:100%; height:65px; overflow:hidden; margin:0; padding:0;}
.lyLogo a img { display:inline-block; max-width:100%; height:auto; max-height:100%; margin:0; padding:0;}

.lytop_right .lytop_menu { width:40px; height:40px; margin:0; padding:0; float:left;}
.lytop_menu a { display:block; width:40px; height:40px; overflow:hidden; margin:0; padding:0; background:url(../images/menu_icon1.png) center center no-repeat;}
.lytop_menu a:hover { background:#77b123 url(../images/menu_icon2.png) center center no-repeat;}


/*导航栏 开始*/
.ly_nav { width:56%; height:auto; margin:0; padding:0; float:left;}
.ly_nav li, .ly_nav a {	text-decoration: none; list-style: none;}
.ly_nav ::-webkit-scrollbar { display: none;}
.ly_nav .nav_list { width:100%; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li { display:inline-block; width:14.285%; position: relative; list-style: none; padding:0; float:left; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li > a { display: inline-block; width:100%; line-height: 65px; color: #333; font-size: 17px; text-align:center; padding: 20px 0; margin: 0; text-decoration: none; position:relative; z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li > a em.navIco { display:none; width:19px; height:19px; vertical-align:middle; margin:-4px 8px 0 0; padding:0;}
.ly_nav .nav_list > ul > li:hover > a em.navIco, .ly_nav .nav_list > ul > li.active > a em.navIco { display:inline-block;}
.ly_nav .nav_list > ul > li > .navLine { width:0; height:7px; overflow:hidden; background:url(../images/top_navico.png) center center no-repeat; margin:0; padding:0; position:absolute; bottom:25%; left:50%; z-index:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.ly_nav .nav_list > ul > li:hover > .navLine, .ly_nav .nav_list > ul > li.active > .navLine { width:72px; margin:0 0 0 -36px;}
.ly_nav .nav_list > ul > li:nth-child(1):hover > .navLine, .ly_nav .nav_list > ul > li:nth-child(1).active > .navLine { width:96px; margin:0 0 0 -48px;}

.ly_nav .nav_list > ul > li i { display:inline-block; width:20px; height:20px; background:url(../images/down.png) center center no-repeat; background-size:10px 10px; vertical-align:middle; cursor:pointer; margin:0; display:none;}
.ly_nav .nav_list > ul > li i.cur{ background:url(../images/up.png) center center no-repeat; background-size:10px 10px; text-decoration:none;}
.ly_nav .nav_list > ul > li ul { display:none; position:absolute; left:-17%; top:80px; z-index:9; width:134%; overflow:hidden; background-color:#fff; border-top:2px solid #77b123; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); border-radius:0 0 2px 2px;}
.ly_nav .nav_list > ul > li:hover ul { display:block;}
.ly_nav .nav_list > ul > li ul li { width:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:1px solid rgba(85, 87, 89, 0.1);}
.ly_nav .nav_list > ul > li ul li:last-child { border:0;}
.ly_nav .nav_list > ul > li ul li a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#555; font-size:14px; text-align:center; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li ul li a:hover { color:#77b123;}
.ly_nav .nav_menu { display: none;}

/*导航栏 结束*/
.top_tel{padding-left: 42px; background: url(../images/top_telico.png) no-repeat left center; margin: 27px 0; max-width: 236px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.top_tel span{font-size: 16px; color: #999; display: block; line-height: 100%;}
.top_tel p{font-size: 26px; color: #77b123; font-weight: bold; line-height: 100%; margin-top: 7px;}
/*头部 结束*/

/*Foot 开始*/
.foot{width:100%; overflow:hidden; margin:0 auto; padding:50px 0 20px; background-color:#22242a;}
.foot .foot_main{width:1300px; margin:0 auto;}
.foot_main .nav{ width:60%; float:left; border-right:1px solid #393a40;}
.foot_main .nav ul li{ width:25%; float:left; height:150px; overflow:hidden;}
.foot_main .nav ul li dt{ font-size:20px; color:#fff;}
.foot_main .nav ul li dt:after{content:""; width:32px; height:3px;background-color:#77b123; display:block; margin:25px 0;}
.foot_main .nav ul li dd{ margin-bottom:15px;width:80%;}
.foot_main .nav ul li dd a{ color:rgba(255,255,255,.66); font-size:16px; line-height:24px;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; display:block;}
.foot_main .nav ul li dd a:hover{color:rgba(255,255,255,1);}
.foot_main .right{ width:31%;float:right;}
.foot_main .right .ewm{ width:101px; float:left;}
.foot_main .right .ewm img{ max-width:101px;}
.foot_main .right .ewm span{color:rgba(255,255,255,.66); text-align:center; line-height:32px; display:block; width:100%;}
.foot_main .right dt{ font-size:36px; color:#77b123; font-weight:bold; margin:0 0 15px 25px; float:left;}
.foot_main .right p{color:rgba(255,255,255,.66);line-height:24px;margin-left:25px; float:left; width:63%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.foot_main .right p.email{overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
/*Foot 结束*/

/*友情链接 开始*/
.link{width:100%; height:auto; overflow:hidden; margin:25px auto 0; padding:24px; border:1px solid rgba(255,255,255,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.link dt{ font-size:18px; color:#fff; float:left; width:8%; line-height:32px;}
.link dl{ width:92%; float:left;}
.link dl dd{display: inline-block; position:relative; margin-right:28px;}
.link dl dd:nth-child(10n+10){ margin-right:0;}
.link dl dd a{ color:rgba(255,255,255,.66); font-size:16px; padding-left:16px; line-height:32px;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.link dl dd a:hover{color:rgba(255,255,255,1);}
.link dl dd a:before{content:""; width:7px; height:7px;background:url(../images/link_ico.png) center center no-repeat; display:block; position:absolute; top:12px;}
/*友情链接 结束*/

.copyright{ width:1300px; margin:25px auto 0; padding:0; overflow:hidden;}
.copyright p{ width:50%; line-height:40px; color:rgba(255,255,255,.66); margin:0; padding:0;}
.copyright p.fr{ text-align:right;}
.copyright p a{ color:rgba(255,255,255,.66);transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.copyright p a:hover{color:rgba(255,255,255,1);}

/*右侧客服 开始*/
.kfView { width: 140px; position: fixed; top:50%; right: 0; z-index: 99; box-shadow:0 7px 15px rgba(0,0,0,0.1); border-radius: 12px 0 0 12px; margin:-212px 0 0; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.kfView .kfTop { width:100%; overflow:hidden; margin:0 auto; padding: 15px 5px 11px; background-color: #77b123; border-radius:12px 0 0 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .kfTop i { display: block; width: 48px; height: 48px; margin: 0 auto; padding:0; background: url('../images/kfTel.png') center center no-repeat;}
.kfView .kfTop span { display: block; width:100%; overflow:hidden; line-height:20px; color: #fff; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size: 14px; text-align:center; white-space:nowrap; text-overflow:ellipsis; margin:4px auto 2px; padding:0;}
.kfView .kfTop p { width:100%; overflow:hidden; line-height:20px; color: #fff; font-family:"Arial"; font-size: 18px; text-align:center; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0;}
.kfView .kfMain{ width: 100%; overflow:hidden; margin:0 auto; padding:15px 0 0; background-color: #fff; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .kfMain ul { padding:0 10px;}
.kfView .kfMain ul li { margin:0 auto 15px;}
.kfView .kfMain ul a { display: block; width: 100%; height:36px; overflow:hidden; line-height:26px; color:#fff; font-size:13px; margin:0 auto; padding:5px; background-color:#77b123; border-radius:18px; cursor:pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .kfMain ul a img { display:block; width:26px; height:26x; margin:0 5px 0 0; padding:0; float:left;}
.kfView .kfMain ul a em{ width: 12px;height: 12px;display: inline-block;vertical-align: middle; background: url('../images/kepu2.png') no-repeat center top;}
.kfView .kfMain .kfEwm { width:140px; height:auto; margin:0 auto; padding:10px; border-top:1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .kfMain .kfEwm img { display:block; width:110px; height:110px; overflow:hidden; margin:0 auto; padding:0;}
.kfView .kfMain .kfEwm p { width:100%; height:20px; overflow:hidden; line-height:20px; color:#333; font-size:14px; text-align:center; margin:0 auto; padding:0;}
.kfView .toTop { width:100%; height:36px; overflow:hidden; line-height:36px; color: #fff; font-size: 14px; text-align: center; padding: 0 10px; background-color: #303030; border-radius:0 0 0 12px; cursor: pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .toTop img { display:inline-block; width:14px; height:14px; vertical-align:middle; margin:-2px 6px 0 0; padding:0;}
.kfBtn { width: 30px; height: 120px; overflow:hidden; text-align: center; margin:-60px 0 0; position: absolute; left: -30px; top: 50%; z-index: 1; cursor: pointer; background-color:#77b123; border-radius:12px 0 0 12px;}
.kfBtn p { position: absolute; top: 16px; left: 8px; line-height: 18px; color: #fff; font-size:14px;}
.kfBtn p img { display:inline-block; margin:6px 0 0;}
/*右侧客服 结束*/